<template>
  <div>
    <h3>v-for ;遍历数组和对象以及数字</h3>
    <!-- 
            v-for="item in 数组名" item数组中的每一项
             v-for="（item，index） in 数组名"  index 数组中的下标
             key属性》识别身份
             key的值不能重复,一般情况下。通过下标或者当前的每一项（不能是对象）=》（通常情况是id）
       -->
       <!-- 
           遍历数组
        -->
       <ul>
           <li v-for="item in list" :key="item">{{item}} </li>
       </ul>
       <!-- 获取下标 -->
        <ul>
            <li v-for="(item,index) in list" :key="item">{{item}}--{{index}} </li>
       </ul>
       <!-- 遍历对象   不常用-->
       <!--  v-for="值，键" in 对象名 -->
       <ul>
           <li v-for="(value,key) in obj" :key="value">{{value}}--{{key}} </li>
       </ul>
       <!-- 遍历数字 -->
       <ul>
           <li v-for="item in 10" :key="item">{{item}} </li>
       </ul>
  </div>
</template>

<script>
export default {
data(){
    return{
        list:['张山','王五','老六'],
        obj:{
            name:'ww',
            age:9999
        }
    }
}
};
</script>

<style>
</style>